<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML列表和表格的学习</title>
</head>
<body>
    <table border="1">
        <caption>成绩表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>web</th>
                <th>c++</th>
                <th>Linux</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小羊在摸鱼</td>
                <td rowspan="2">100</td>
                <td>100</td>
                <td>100</td>
            </tr>
            <tr>

                <td>绫小路</td>
                <td colspan="2">60</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>懒羊羊</td>
                <td colspan="3">30</td>
            </tr>
        </tfoot>
    </table>
    <br>



    <table border="1">
        <caption>成绩表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>web</th>
                <th>c++</th>
                <th>Linux</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小羊在摸鱼</td>
                <td>100</td>
                <td>100</td>
                <td>100</td>
            </tr>
            <tr>

                <td>绫小路</td>
                <td>60</td>
                <td>60</td>
                <td>60</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>懒羊羊</td>
                <td>30</td>
                <td>30</td>
                <td>30</td>
            </tr>
        </tfoot>
    </table>
    <br>

    <table border="1">
        <caption>成绩表</caption>
        <tr>
            <th>姓名</th>
            <th>web</th>
            <th>c++</th>
            <th>Linux</th>
        </tr>
        <tr>
            <td>小羊在摸鱼</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
        </tr>
        <tr><td>绫小路</td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
        </tr>
    </table>
    <br>
    <ul>
        <b>水果列表</b>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
        <li>哈密瓜</li>
        <li>火龙果</li>
    </ul>
    <b>水果列表</b>
    <ol>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
        <li>哈密瓜</li>
        <li>火龙果</li>
    </ul>
    <dl>
        <dt>要做的事情</dt>
        <dd>锻炼</dd>
        <dd>学习</dd>
        <dd>吃饭</dd>
        <dd>睡觉</dd>
    </dl>
    <h2>成绩表</h2>
    <table border="5" width="600" height="300">
        <tr>
            <td>姓名</td>
            <td>web</td>
            <td>c++</td>
            <td>Linux</td>
        </tr>
        <tr>
            <td>小羊在摸鱼</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
        </tr>
        <tr><td>绫小路</td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
        </tr>
    </table>
    <br>
    <table border="50">
        <tr>
            <td>姓名</td>
            <td>web</td>
            <td>c++</td>
            <td>Linux</td>
        </tr>
        <tr>
            <td>小羊在摸鱼</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
        </tr>
        <tr><td>绫小路</td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
        </tr>
    </table>
    <br>
</body>
</html>